<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=utf-8"%>
<!-- 部门管理 -->
<div style="padding-bottom:8px;">
	<span style="font-weight:bold;font-size:14px;">基本信息 > 部门管理</span>
	<span style="color:#808080;">（共 4 个）</span>
</div>
<div class="btnline_top">
	<div style="float:right;padding:5px 5px 0 0px;">
		<div style="float:left;">
			<input type="text" id="searchEmployeeByKeyword" name="searchEmployeeByKeyword" value=""/>
		</div>
		
		<a href="javascript:void(0);" class="button" id="btnSearchEmployeeByKeyword">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">搜索</li>
			<li class="btn_right"></li>
		</ul>
		</a>
	</div>
	<div style="padding:5px 0 0 5px;">
		<a href="javascript:void(0);" class="button" id="btnNewDepartment">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">添加部门</li>
			<li class="btn_right"></li>
		</ul>
		</a>
		
		<a href="javascript:void(0);" class="button" id="btnRenameDepartment">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">重命名部门</li>
			<li class="btn_right"></li>
		</ul>
		</a>
		
		<a href="javascript:void(0);" class="button" id="btnRemoveDepartment">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">删除部门</li>
			<li class="btn_right"></li>
		</ul>
		</a>
		
		<a href="javascript:void(0);" class="button" id="btnNewEmployee">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">添加职员</li>
			<li class="btn_right"></li>
		</ul>
		</a>
		
		<a href="javascript:void(0);" class="button" id="btnRemoveEmployee">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">移除职员</li>
			<li class="btn_right"></li>
		</ul>
		</a>
		
		<a href="javascript:void(0);" class="button" id="edit_dropbox">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">编 辑</li>
			<li class="btn_middle"><div class="btn_drop"></div></li>
			<li class="btn_right"></li>
		</ul>
		</a>
	</div>
</div>
<div style="overflow:hidden;">
	<div style="float:left;width:300px;background-color:#f6f9fc;border-right:1px solid #9cb8cc;padding:8px;margin-bottom:-10000px;padding-bottom:10000px;">
	
		<div id="tree_container">
			<div id="" style="background-color:#f6f9fc;padding:2px;">某某公司</div>
			<div id="departmentTree" style="height:400px;background-color:#f6f9fc;"></div>
		</div>
		<div style="height:10px;"></div>
	</div>
	<div style="margin:0px 0px 0px 328px;">
		<div id="area_employee_list">
			<div style="font-weight:bold;font-size:14px;padding:8px 0px 4px 0px;">员工列表： <span id="departmentpath"></span></div>
			<div id="employeetable">
				<ul class="titleline">
					<li class="employee_titleheader_checkbox titleheader_right_border"><div class="titleheader_checkbox"><input type="checkbox" name="checkAllEmployees" id="checkAllEmployees" value=""/></div></li>
					<li class="employee_titleheader_name titleheader_right_border"><div class="titleheader_font">姓名</div></li>
					<li class="employee_titleheader_name titleheader_right_border"><div class="titleheader_font">职员编号</div></li>
					<li class="employee_titleheader_name titleheader_right_border"><div class="titleheader_font">性别</div></li>
					<li class="employee_titleheader_mobile"><div class="titleheader_font">移动电话</div></li>
					<li class="employee_titleheader_phone titleheader_right_border"><div class="titleheader_font">办公电话</div></li>
					<li class="employee_titleheader_email titleheader_right_border"><div style="padding:5px 0px 0px 5px;">电子邮件</div></li>
				</ul>
				<!--
				<ul class="detailline">
					<li class="employee_titleheader_checkbox"><div class="titleheader_checkbox"><input type="checkbox" name="" id="" value=""/></div></li>
					<li class="employee_titleheader_name"><div class="titleheader_font" id="employeename_aa">姓名</div></li>
					<li class="employee_titleheader_name"><div class="titleheader_font">职员编号</div></li>
					<li class="employee_titleheader_name"><div class="titleheader_font">性别</div></li>
					<li class="employee_titleheader_mobile"><div class="titleheader_font">移动电话</div></li>
					<li class="employee_titleheader_phone"><div class="titleheader_font">办公电话</div></li>
					<li class="employee_titleheader_email"><div class="titleheader_font">电子邮件</div></li>
				</ul>
				-->
			</div>
		</div>
		
		<div id="area_employee_create" style="display:none;">
			<form action="/" method="post" name="frmEmployee" id="frmEmployee">
			<div style="font-weight:bold;font-size:14px;padding:8px 0px 8px 0px;border-bottom:2px solid #9cb8cc;">员工信息</div>
			<div>
				
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;"><font color="red">*</font> 电子邮件：</li>
					<li><input type="text" name="employee.userId" id="userId" value=""/></li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;"><font color="red">*</font> 姓名：</li>
					<li><input type="text" name="name" id="name" value=""/></li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;"><font color="red">*</font> 性别：</li>
					<li>
						<input type="radio" name="gender" value="1" id="gender_1" checked/><label for="gender_1">男</label>
						<input type="radio" name="gender" value="2" id="gender_2" /><label for="gender_2">女</label>
						<input type="radio" name="gender" value="9" id="gender_9" /><label for="gender_9">其他</label>
					</li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;"><font color="red">*</font> 职员类型：</li>
					<li>
						<input type="radio" name="type" id="type_1" value="1" checked/><label for="type_1">全职</label>
						<input type="radio" name="type" id="type_2" value="2"/><label for="type_2">兼职</label>
						<input type="radio" name="type" id="type_3" value="3" /><label for="type_3">实习</label>
						<input type="radio" name="type" id="type_9" value="9" /><label for="type_9">其它</label>
					</li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">职员编号：</li>
					<li><input type="text" name="employeeNO" id="employeeNO" value=""/></li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">职位：</li>
					<li><input type="text" name="rank" id="rank" value=""/></li>
				</ul>
				<ul style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">移动电话：</li>
					<li> <input type="text" name="mobile" id="mobile" value=""/></li>
				</ul>
				<ul style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">办公电话：</li>
					<li> <input type="text" name="phone" id="phone" value=""/> </li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">负责业务：</li>
					<li><input type="text" name="business" id="business" value=""/></li>
				</ul>
				<ul style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">身 份 证：</li>
					<li><input type="text" name="identityCard" id="identityCard" value="" maxlength="18"/></li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">出生日期：</li>
					<li>
						<input type="text" name="birth" id="birth" value=""/>
						<input type="radio" name="birthType" id="birthType_1" value="1" checked/><label for="birthType_1">公历(阳历)</label>
						<input type="radio" name="birthType" id="birthType_0" value="0"/><label for="birthType_0">农历(阴历)</label>
					</li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">婚姻状况：</li>
					<li>
						<input type="radio" name="marriage" id="marriage_1" value="1"/><label for="marriage_1">已婚</label>
						<input type="radio" name="marriage" id="marriage_0" value="0"/><label for="marriage_0">未婚</label>
					</li>
				</ul>
				<ul  style="padding:10px 0px 0px 0px;">
					<li style="float:left; width:100px; text-align:right;font-size:12px;padding-top:4px;padding-right:8px;">有无子女：</li>
					<li>
						<input type="radio" name="children" id="children_1" value="1"/><label for="children_1">有</label>
						<input type="radio" name="children" id="children_0" value="0"/><label for="children_0">无</label>
						<input type="hidden" name="passwd" id="passwd" value="******" />
						<input type="hidden" name="departmentUUID" id="departmentUUID" value="ee" />
						<input type="hidden" name="employee.employeeUUID" id="employeeUUID" value="" />
						<input type="hidden" name="operation" id="operation" value="" />
					</li>
				</ul>
			</div>
			<div style="border-top:1px solid #9cb8cc;padding:8px 0px 0px 108px;margin-top:8px;">
				<ul>
				<li class="btn_division">
				<a href="javascript:void(0);" class="button" id="btnSaveEmployee">
				<ul>
					<li class="btn_left"></li>
					<li class="btn_middle btn_text">保 存</li>
					<li class="btn_right"></li>
				</ul>
				</a>
				</li>
				
				<li class="btn_division">
				<a href="javascript:void(0);" class="button" id="btnReturnEmployeeList">
				<ul>
					<li class="btn_left"></li>
					<li class="btn_middle btn_text">返回列表</li>
					<li class="btn_right"></li>
				</ul>
				</a>
				</li>
			</ul>
			</div>
			</form>
		</div>
		
		<div style="padding:15px;">&nbsp;</div>
		
	</div>
</div>
<div class="btnline_bottom">
	<div style="padding:5px 0 0 5px;">
		<a href="javascript:void(0);" class="button">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">创 建</li>
			<li class="btn_right"></li>
		</ul>
		</a>
		
		<a href="javascript:void(0);" class="button" id="edit_dropbox">
		<ul>
			<li class="btn_left"></li>
			<li class="btn_middle btn_text">编 辑</li>
			<li class="btn_middle"><div class="btn_drop"></div></li>
			<li class="btn_right"></li>
		</ul>
		</a>
	</div>
</div>
